<template>
</template>
	<view>
		<view class="dataView">
			<view class="dataViewBox">
				<block v-for="(item,index) in villageListData[0]" :key="index">
					<text @click="chooseFarm(item.farmName,item.farmId)">{{item.farmName}}</text>
				</block>
			</view>
		</view>
	</view>
<script>
	export default {
		data () {
			return {
				props: {
					villageListData: {
						type: Array
					}
				},
			}
		},
		onLoad() {
			console(this.$props.villageListData)
		}
	}
</script>

<style lang="less">
	@import "../../common/global.less";
	@import "../../common/animate.css";
	@import "../../common/iconfont.css";
	@import "../../common/uni.css";
	.dataView{
	 // width: 90%;
	 margin:20rpx auto;
	 border-radius: 30rpx;
	}
	.dataViewBox{
			   min-height:250rpx;
			   display: flex;
			   flex-direction:row;
			   flex-wrap:wrap;
			   align-items: center;
			   // justify-content: center;
			   align-content:space-around;
			   border-bottom: 1rpx solid #dfdfdf;
			  >text{ 	
				 border-radius: 50rpx;
				   min-width: 170rpx;
				   text-align: center;
				   background-color: #EBEDF4;
				   color: #6E6E6E;
				   margin: 20rpx;
				   padding: 10rpx 15rpx;
				   letter-spacing: 4rpx;
				   }
	}
</style>
